/*
	样式集合
	版本号：20220812 - 002
 */
html, body { height: 100%; }
img { border: none; }
dl, li, menu, ol, ul { list-style: none; }
button, input, select, textarea { outline: none; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; }
a:hover { cursor: pointer; }
* { box-sizing: border-box; margin: 0; padding: 0; }
uni-page-body, #app {height: 100%;}

._page { overflow: hidden; position: relative; width: 100%; background-color: #ccc; }
._box { box-sizing: border-box; }
._box-400p { width: 400px; height: 400px; }
._box-800p { width: 800px; height: 800px; }
._box-x-200p { width: 200px; }
._box-x-100p { width: 100px; }

._box-scroll { overflow-y: scroll; }
._box-scroll-x { overflow-x: scroll; }
._cart { width: 100%; background-color: #fff; box-shadow: #ddd 2px 2px 2px; border-radius: 5px; position: relative; }

._active { border-left: 3px solid #ff770f; color: #ff770f; }
._active-bottom { border-bottom: 3px solid #ff770f; color: #ff770f; }
._active-box>*:hover { color: #ff770f; }

._font { color: #aaa; font-size: 14px; }
._font-mini { font-size: 10px; }
._font-hint { font-size: 8px; color: red; }
._font-title { font-size: 1.1em; font-weight: bold; }
._font-price { font-size: 1.2em; }
._font-price:before { content: '￥'; font-size: 0.8em; }

._line-height-15 { line-height: 1.5em; }
._line-height-20 { line-height: 2em; }

._ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

._border { border: 1px solid #ddd; }

._wrapper { width: 100%; height: 100%; }
._wrapper-x { width: 100%; }
._wrapper-y { height: 100%; }

._radius { border-radius: 100%; }
._radius-15b { border-radius: 15%; }
._radius-5p { border-radius: 5px; }
._radius-15p { border-radius: 15px; }
._radius-20p { border-radius: 20px; }

._abs { position: absolute; }
._fix { position: fixed; }
._rel { position: relative; }
._abs-ct { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
._abs-ct-two { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
._abs-cx { position: absolute; left: 50%; transform: translateX(-50%); }
._abs-cy { position: absolute; top: 50%; transform: translateY(-50%); }
._pos-wrapper { left: 0; right: 0; top: 0; bottom: 0; }
._abs-rt { position: absolute; right: 0; top: 0; transform: translate(50%, -40%);}

._fix-bottom { position: fixed; bottom: 20px; left: 0; }
._fix-rt { position: fixed; right: 20px; top: 20px;}
._fix-rb { position: fixed; right: 20px; bottom: 20px;}
._abs-bottom { position: absolute; bottom: 20px; left: 0; }

._text-a-l { text-align: left; }
._text-a-c { text-align: center; }
._text-a-r { text-align: right; }
._text-a-justify { text-align: justify; }
._text-indent { text-indent: 2em; }

/* 弹性布局 */
._flex { display: flex; justify-content: space-between; align-items: center; }
._flex-y { display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
._flex-wrap { flex-wrap: wrap; }
._flex-start { justify-content: flex-start; }
._flex-end { justify-content: flex-end; }
._flex-around { justify-content: space-around; }
._flex-a-start { align-items: flex-start; }
._flex-a-end { align-items: flex-end; }
._flex-a-stretch { align-items: stretch; }
._flex-item-1 { flex: 1; }
._flex-shrink { flex-shrink: 0; }
._flex-space>* { margin-right: 5px; margin-bottom: 5px; }
._flex-space-x>* { margin-right: 5px; }
._flex-dis-2>* { width: 50%; }
._flex-dis-3>* { width: 33%; }
._flex-dis-5>* { width: 20%; }
._flex-dis-10>* { width: 10%; }
._flex-dis-200p> * { width: 200px; }

._m-auto { margin: auto; }
._m-t-0 { margin-top: 0px; }
._m-t-5 { margin-top: 5px; }
._m-t-10 { margin-top: 10px; }
._m-t-20 { margin-top: 20px; }
._m-l-0 { margin-left: 0px; }
._m-l-5 { margin-left: 5px; }
._m-l-10 { margin-left: 10px; }
._m-l-20 { margin-left: 20px; }
._m-r-0 { margin-right: 0px; }
._m-r-5 { margin-right: 5px; }
._m-r-10 { margin-right: 10px; }
._m-r-20 { margin-right: 20px; }
._m-b-0 { margin-bottom: 0px; }
._m-b-5 { margin-bottom: 5px; }
._m-b-10 { margin-bottom: 10px; }
._m-b-20 { margin-bottom: 20px; }

._p20 { padding: 20px; }
._p10 { padding: 10px; }
._p5 { padding: 5px; }
._p0 { padding: 0; }
._p-l-20 { padding-left: 20px;}
._p-l-10 { padding-left: 10px;}
._p-l-5 { padding-left: 5px;}
._p-l-0 { padding-left: 0;}
._p-b-0 { padding-bottom: 0; }
._p-b-5 { padding-bottom: 5px; }
._p-b-10 { padding-bottom: 10px; }
._p-b-20 { padding-bottom: 20px; }
._p-t-20 { padding-top: 20px;}
._p-t-10 { padding-top: 10px;}
._p-t-5 { padding-top: 5px;}
._p-t-0 { padding-top: 0;}
._p-r-20 { padding-right: 20px;}
._p-r-10 { padding-right: 10px;}
._p-r-5 { padding-right: 5px;}
._p-r-0 { padding-right: 0;}

._background-1 { background-image: linear-gradient(#ff770f, #fff); }

._btn-1 { line-height: 30px; border-radius: 15px; color: #eee; font-size: 12px; opacity: 0.9; background-image: linear-gradient(to right, #599dca, #59c6ca) }

._img { width: 20vw; height: 20vw; border-radius: 10px; }
._img30 { width: 30px; height: 30px; border-radius: 5px; }
._img50 { width: 50px; height: 50px; border-radius: 5px; }
._img100 { width: 100px; height: 100px; border-radius: 5px; }

._clearfix::after { display: block; visibility: hidden; clear: both; height: 0; font-size: 0; content: ""; }
._over-hidden { overflow: hidden; }

._over-scroll-hidden { overflow: -moz-scrollbars-none; -ms-overflow-style: none; }
._over-scroll-hidden::-webkit-scrollbar { width: 0 !important; }

._cursor { cursor: pointer; }

._display-ib { display: inline-block; }

[v-cloak] { display: none; }
